<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../lib/css/swiper-bundle.min.css">


</head>

<body>
    <div id="header">

        <div class="header-touxiang">
        </div>
        <div><img src="../static/images/log.png" alt=""></div>
        <form class="bottom"><img src="../static/images/shousuo.png" alt=""><input type="text"
                placeholder="搜索商品,发现更多优惠"><button>搜索</button>
        </form>
        <div class="middle"><img src="../static/images/tuihuo.png" alt=""></div>
        <div class="denglu">

            <p><a href="./register.html">注册</a></p>
            <p><a href="./login.html">登录</a></p>
        </div>
    </div>
    <div id="middle">
        <div class="middle">
            <ul>
                <li class="selected">首页</li>
                <li>9块9包邮</li>
                <li>超值大额卷</li>
                <li>降温急救穿搭</li>
            </ul>
        </div>
    </div>

    <div id="foot">
        <img src="../static/images/liebiao.png" alt="">
        <div class="swiper">
            <div class="swiper-wrapper">
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

        </div>
    </div>
    <div id="commodity">
        <div class="commodity-list">

        </div>
        <button class="loading">加载更多</button>
    </div>
    <div class="footbottom"><img src="../static/images/foot.png" alt=""></div>
    <script src="../lib/js/swiper-bundle.min.js"></script>
    <script src="../lib/js/axios.min.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>